import Vue from 'vue'
import Vuex from 'vuex'
import menus from "./modules/menus";

Vue.use(Vuex)
//  store状态管理器可以帮助我们完成一些数据的存储和管理，通俗理解是存储在store里的都是全局变量，可以通过方法提交更新，其他页面和组件也会同步更新，拿到最新的值。
//store的执行顺序：
//打开浏览器 → getters → 组件调用actions中的方法 → mutations（设置state的值） → getters（更新数据）
//页面使用：语法：$store.state.XXX（XXX属性名）
//提交变更：this.$store.commit(‘提交方法名’,数据);
export default new Vuex.Store({
	state: {
		//这里放全局参数
		token: ''
	},
	mutations: {
		//这里是set方法
		SET_TOKEN: (state, token) => {
			state.token = token
			localStorage.setItem("token", token)
		},


	},
	actions: {},
	modules: {
		menus
	}
})
